import React, { createRef, useRef, useEffect } from 'react'
export default function App() {
    const inputRef = createRef(1)
    console.log(inputRef)

    const useInputRef = useRef(2)
    console.log(useInputRef)

    useEffect(() => {
        console.log(inputRef)
        console.log(useInputRef)
    })
    return (
        <div>
            value: {inputRef.current}
            <input type="text" ref={inputRef} />
            <button onClick={e => {inputRef.current.focus();inputRef.current.value=4}}>获取焦点</button>
            <br/>
            value: {useInputRef.current}
            <input type="text" ref={useInputRef} />
            <button onClick={e => {useInputRef.current.focus();inputRef.current.value=4}}>获取焦点</button>
        </div>
    )
}
